import { Select } from "antd";
function Index() {
  const handleChange = (value: string) => {
    document.documentElement.setAttribute("data-theme", value);
  };
  return (
    <div>
      <Select
        defaultValue="dark"
        style={{ width: 120 }}
        onChange={handleChange}
        options={[
          { value: "yejian", label: "夜间" },
          { value: "dark", label: "白天" },
        ]}
      />
      <div
        className="bg-sky-300
      w-[500px]
      h-[500px]
      dark:bg-sky-600
      yejian:bg-red-400
      "
      >
        我是主题变量
      </div>
    </div>
  );
}

export default Index;
